<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
	<title></title>
	<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
	<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
	<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
	<style type="text/css">
		.tab_li{
			margin-top: 2%;
		}
	</style>
</head>
<body>
<nav class="navbar navbar-default" role="navigation">
	<div class="container-fluid"> 
    <div class="navbar-header">
        <a class="navbar-brand" href="#">智能数据分析平台</a>
    </div>
	</div>
</nav>
<div class="container">
<div class="row">
	<div class="col-sm-12">
		<nav class="navbar navbar-default" role="navigation">
	<div class="container-fluid"> 
    <div class="navbar-header">
        <a class="navbar-brand" href="#">用户注册</a>
    </div>
	</div>
        </nav>
	</div>
</div>

<form class="bs-example bs-example-form" method="post" role="form">{% csrf_token %}
<div class="row tab_li">
	<div class="col-sm-2"></div>
	<div class="col-sm-4">
      <div class="input-group">
         <span class="input-group-addon">昵称</span>
         <input type="text" class="form-control" name="new_user" value="{{ name }}" placeholder="仅支持字母、数字、下划线" required="required">
	  </div>          
	</div>

{% if res %}
<p>用户名已存在！</p>
{% endif %}

	<div class="col-sm-2"></div>
</div>
<div class="row tab_li">
	<div class="col-sm-2"></div>
	<div class="col-sm-4">
      <div class="input-group">
         <span class="input-group-addon">密码</span>
         <input type="text" class="form-control" name="pwd1" value="{{ pwd1 }}" placeholder="密码长度不少于6位" required="required">
      </div>
	</div>
	<div class="col-sm-2"></div>
</div>
<div class="row tab_li">
	<div class="col-sm-2"></div>
	<div class="col-sm-4">
      <div class="input-group">
         <span class="input-group-addon">确认密码</span>
         <input type="text" class="form-control" name="pwd2" value="{{ pwd2 }}" placeholder="" required="required">
      </div>
	</div>

{% if i %}
<p>两次密码不一致！</p>
{% endif %}

	<div class="col-sm-2"></div>
</div>	
<div class="row tab_li">
	<div class="col-sm-2"></div>
	<div class="col-sm-4">
      <div class="input-group">
         <span class="input-group-addon">联系邮箱</span>
         <input type="text" class="form-control" name="new_email" value="{{ email }}" placeholder="" required="required">
      </div>
	</div>
	<div class="col-sm-2"></div>
</div>
<div class="row tab_li">
	<div class="col-sm-2"></div>
	<div class="col-sm-4">
		<input type="submit" name="confirm"  value="立即注册" class="btn btn-success col-sm-12 btn-lg btn-block">
	</div>
	<div class="col-sm-2"></div>
</div>
</form>
</div>
</body>
</html>